<template>
 <div>
   <ul>
     <li v-for="(item,index) in list" :key="index"
         @click="$router.push({path:item.route})">{{item.title}}</li>
   </ul>
 </div>
</template>

<script>
export default {
name: "Mian",
  data(){
    return{
      list:[
        {
          route:'/Demo01',
          title:'插槽-v-slot',
        },
        {
          route:'/Demo02',
          title:'keep-alive',
        },
        {
          route:'/Demo03',
          title:'vue 组件间传值的几种方式',
        },
      ]
    }
  }
}
</script>

<style scoped>

</style>